<?php
/****************************************************
#####################################################
##-------------------------------------------------##
##           DOLMATIA- Version 1.6.0               ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2010            ##
## Date      = Mars 2011                           ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

// no direct access
defined('_JEXEC') or die('Restricted access');

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo _LANGUAGE; ?>" xml:lang="<?php echo _LANGUAGE; ?>">
<head>

  <jdoc:include type="head" />
  <?php JHTML::_('behavior.framework', true); 
  $app                = JFactory::getApplication();
  $templateparams     = $app->getTemplate(true)->params;
  $csite_name  = $app->getCfg('sitename');
  $license  = "globberthemes";
  ?>
  
     <?php //setting slide fading
     $interval= $this->params->get("interval", "3000");
     $autoplay= $this->params->get("autoplay", 1);
     $duration= $this->params->get("duration", "500");
     ?>
   
   <?php
     # main width#
     $mod_left = $this->countModules( 'left' );
     $mod_right = $this->countModules( 'right' );
     if ( $mod_left && $mod_right ) {
 
  $width = '';
     } elseif ( ($mod_left || $mod_right) ) {
 
  $width = '-mid';
    } else {
  
  $width = '-full';
    }
    ?>
   

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/dolmatia/css/tdefaut.css" type="text/css" media="all" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/dolmatia/css/joomlastyle.css" type="text/css" media="all" />
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/mootools.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/cufon-replace.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/Tw_Cen_MT_400.font.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/slideur/_class.noobSlide.js"></script>



<link rel="icon" type="image/gif" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/favicon.gif" />

<script type="text/javascript">
     window.addEvent('domready',function(){
   var hs1 = new noobSlide({
       box: $('joomscontbox1'),
     items:[1,2,3],
    size: 700,
    autoPlay:<?php echo $autoplay ?>, // true,
    interval:<?php echo $interval ?>, // 3000,
    fxOptions: {
      duration:<?php echo $duration ?>, // 500,
      transition: Fx.Transitions.Sine.easeOut,
       wait: false
    },
    buttons: {
      previous: $('prev1'),
      next: $('next1')
    }
  });
});
</script>



</head>
<body>
<div class="pagewidth">
	<div id="topmenu">
		<div id="navigation">
			<div class="nav">
				<jdoc:include type="modules" name="user1" />
			</div>
		</div>
	</div>

	<div id="space-zone">
		<div id="header-picture">
			<a href="#">
				<img src="templates/<?php echo $this->template ?>/images/header-picture.png" width="100" alt="logotype" />
			</a>
		</div>
	</div>

    <div id="header">
		<div id="logo">
			<a href="index.php">
				<img src="templates/<?php echo $this->template ?>/images/logo.png" width="160" alt="logotype" />
			</a>
		</div>
		
		<!-- <div id="pathway">
			<div class="pos">
				 <jdoc:include type="module" name="breadcrumbs" />
			</div>    
		</div> -->
	</div>
	<div id="main-dolmatia">
		<div class="wrapper-content clearfix">
			<?php if ($this->countModules('left')) { ?>
				<div id="col1">
					<div class="element">      
						<jdoc:include type="modules" name="left" style="xhtml" />
					</div>
				</div>
			<?php } ?>
			<div id="main<?php echo $width; ?>">
				<jdoc:include type="component"  />
			</div>
		</div>
		
		<?php if ($this->countModules('right')) { ?>
			<div id="col2">
				<div class="element">      
					<jdoc:include type="modules" name="right" style="xhtml" />
				</div>
			</div>
		<?php } ?>
	</div>
		<?php if ($this->countModules('user2') || $this->countModules('user3') || $this->countModules('user5') || $this->countModules('user6')) { ?>
		<div id="users">
			<div id="users-content">
				  <div class="box">
					<jdoc:include type="modules" name="user2" style="xhtml" />
				  </div>
				  <div class="box">
					<jdoc:include type="modules" name="user3" style="xhtml" />
				  </div>
				  <div class="box">
					<jdoc:include type="modules" name="user5" style="xhtml" />
				  </div>
				  <div class="box">
					  <jdoc:include type="modules" name="user6" style="xhtml" />
				  </div>
			</div>
		</div>
		<?php } ?>
		<div id="footer">
			<div id="footer_tm">
				<div class="ftb">
				   <a href="./index.php/about-td-tower/about-us" style="width:70%;background-color: #424242;display:inline-block">Contact us</a>
				   <a href="./index.php/home/sitemap" style="width:29%;background-color: #424242;display:inline-block">Site Map</a>
				</div>
			</div>
			<!-- <div id="top">
					<div class="top_button">
						 <a href="#" onclick="scrollToTop();return false;">
								<img src="templates/<?php echo $this->template ?>/images/top.jpg" width="26" height="25" alt="top" /></a>
					</div>
			</div> -->
		</div> 
</div><!--fin pagewidth-->
<script type="text/javascript">
	$(function(){
		var col1_height = ($('#col1').height());
		var main_height = ($('#main').height());
		var img_heigth = 0;
		console.log(col1_height);
		console.log(main_height);

		if (col1_height<main_height){
			// $("#col1").css({"height": main_height});
			img_heigth = main_height - 92;
		}else{
			// $("#main").css({"height": col1_height});
			img_heigth = col1_height - 92;
		}
		$("#col2 img").css({"margin-top": img_heigth});	

		$("#navigation > div.nav > ul.menu > li").click(function(){
			console.log($(this));
			if ($(this).hasClass("active")) {
				$(this).removeClass("active");
			} else {
				$(this).siblings("li.active").removeClass("active");
				$(this).addClass("active");
			}
			
			return false;
		});
		$("ul li a", $("ul.menu")).click(function(e){
			e.stopPropagation();
		});
	});
	
</script> 
</body>

</html>